<template>
  <div>
    {{list}}<br>
    <button @click="update">修改</button>
  </div>
</template>

<script lang='ts'>
import { ref, reactive } from 'vue'
export default {
  setup() {
    let list=ref(['Giles','Peter'])
    const update=()=>{
      //list.push('Monica')
      list.value=['Lucy','Lily']
    }
    return {
      list,
      update
    }
  }
}
</script>

<style lang='scss' scoped>

</style>